<ion-view>
    <ion-header-bar class="index_head">
        <button ng-if="!share" class="button button-icon icon ion-android-arrow-back" ng-click="$ionicGoBack()" style="color: #fff"></button>
        <div class="h1 title"> 产品信息</div>
        <!--<button  ng-if="!ISWEB" class="button button-clear button-positive zhuce_head_btn" style="color: #fff;font-size: 14px;" ng-click="proshare()">分享</button>-->
    </ion-header-bar>
    <!--<ion-nav-bar>-->
        <!--<ion-nav-back-button class="button-clear" style="padding-left: 15px;">-->
            <!--&lt;!&ndash;自定义返回图标&ndash;&gt;-->
            <!--<i  style="display: block;width: 22px;height:22px;margin-top: 4px;background: url('./img/back.png') center/22px 22px"></i>-->
        <!--</ion-nav-back-button>-->
        <!--&lt;!&ndash;ng-if="platform.androidAPP||platform.IOSAPP"&ndash;&gt;-->
        <!--<ion-nav-buttons  side="right">-->
            <!--<button ng-if="!ISWEB" class="button" ng-click="proshare()" style="background-color: #fff;">-->
                <!--<img style="width: 18px;vertical-align: middle;margin-right: 10px" src="img/proShare.png"/>-->
            <!--</button>-->
        <!--</ion-nav-buttons>-->
    <!--</ion-nav-bar>-->
    <ion-content class="bg-fff w4-xtzgDe has-footer">
        <div class="w4-xtzgDe-name">{{item.productShortName}}</div>
        <!--<div class="w4-xtzgDe-num">{{item.profitHight.expectAnnualRevenue?item.profitHight.expectAnnualRevenue:'-'}}</div>-->
        <!--<div class="w4-xtzgDe-shouyi">基准收益</div>-->
        <div class="pro-detail-status">
            <div class="w4-xtzgDe-btn w4-xtzgDe-btn1" ng-if="item.flagBaoxiao && !share">包销</div>
            <div class="w4-xtzgDe-btn w4-xtzgDe-btn2" ng-if="item.flagZhutui && !share">主推</div>
            <div class="w4-xtzgDe-btn w4-xtzgDe-btn3">{{item.saleStatus | getStatus}}</div>
        </div>
        <div class="w4-xtzgDe-cen1">
            <div class="row" style="color:#9a9a9a">
                <div class="col text-center" >起购金额</div>
                <div class="col text-center">基准收益</div>
                <div ng-if="!share" class="col text-center">返佣比例</div>
            </div>
            <div class="row">
                <div class="col text-center" style="color:#3b3b3b">{{item.minimumAmount|abbrMoney}}</div>
                <div class="col  text-center" style="color:#3b3b3b">{{item.profitHight.expectAnnualRevenue?item.profitHight.expectAnnualRevenue:'-'}}</div>
                <div class="col w4-xtzgDe-cen1-c text-center" ng-if="userRole =='RZ'&&!share" ng-click="goCertification($event)">认证可见</div>
                <div class="col w4-xtzgDe-cen1-c text-center" ng-if="userRole =='DL'&&!share" ng-click="goCertification($event)">登录可见</div>
                <div class="col w4-xtzgDe-cen1-c text-center" ng-if="userRole =='ZC'&&!share">{{item.profitHight.pIsAgreement === '1'?'协议价':item.profitHight.rebate+'%'}}</div>

            </div>
        </div>
        <div class="row w4-xtzgDe-progress-div">
            <div class="w4-xtzgDe-progress">
                <div class="w4-xtzgDe-progress-in" ng-attr-style="width:{{item.process}}%"></div>
            </div>
            <div class="w4-xtzgDe-plan">{{item.process}}%</div>
        </div>
        <div class="w4-xtzgDe-info">【{{item.updateDate | formatDate}}更新】{{item.pRecruitmentSummary}}</div>
        <div ng-if="item.activitiesMollionsWealthList.length" class="w4-activity-info">{{item.activitiesMollionsWealthList[0].activitiesDesc}}
            <a href="{{item.activitiesMollionsWealthList[0].activitiesSkipLink}}">{{item.activitiesMollionsWealthList[0].activitiesSkipName}}</a>
        </div>
        <div class="w4-xtzgDe-line" ></div>
        <div class="pro-detail-mulu"><span class="pro-detail-round"></span>基础信息</div>
        <div class="w4-xtzgDe-cen1">
            <div class="row">
                <div class="col col-25">产品全称</div>
                <div class="col col-75 text-right">{{item.productName}}</div>
            </div>
            <div class="row">
                <div class="col col-25">募集规模</div>
                <div class="col col-75 text-right">{{item.allIssuingScale|abbrMoney}}</div>
            </div>
            <div class="row">
                <div class="col col-25">基金类型</div>
                <div class="col col-75 text-right">{{item.peFundShape}}</div>
            </div>
            <div class="row">
                <div class="col col-25">组织形式</div>
                <div class="col col-75 text-right">{{item.peOrganizeShape | zuzhixingshi}}</div>
            </div>
            <div class="row">
                <div class="col col-25">发行地区</div>
                <div class="col col-75 text-right">{{item.publicArea | faxingdiqu}}</div>
            </div>
            <div class="row">
                <div class="col col-25">管理机构</div>
                <div class="col col-75 text-right">{{item.peManageOrg?item.peManageOrg:'-'}}</div>
            </div>
            <div class="row">
                <div class="col col-25">发行机构</div>
                <div class="col col-75 text-right"><a ui-sref="jigouList({type:item.productType,name:item.investOwner})" style="text-decoration: underline;">{{item.investOwner?item.investOwner:'-'}}</a></div>
            </div>
            <div class="row">
                <div class="col col-25">产品期限</div>
                <div class="col col-75 text-right">{{item.dueTime}}个月</div>
            </div>
            <div class="row">
                <div class="col">认购费</div>
                <div class="col text-right">{{(item.peSubscriptionFee || item.peSubscriptionFee === 0)?item.peSubscriptionFee+'%':'-'}}</div>
            </div>
            <div class="row">
                <div class="col">管理费</div>
                <div class="col text-right">{{(item.peManagementExpense || item.peManagementExpense === 0)?item.peManagementExpense+'%':'-'}}</div>
            </div>
            <div ng-if="!share"  class="text-right copy-info jcxx" ng-click="copyInfo('jcxx')">
                <img src="img/copy_info.png" width="14px" height="14px"/>
                复制基础信息
            </div>

        </div>
        <!--<div class="w4-xtzgDe-hasbid">-->
            <!--&lt;!&ndash;<p>当前报价由<span><img  src="img/sfa.png" width="20px"/>金策师官方</span> 提供</p>&ndash;&gt;-->
            <!--<p>产品成立后，佣金由产品方直接进行支付。具体以产品方通知时间为准。</p>-->
        <!--</div>-->
        <div ng-if="summary.xmld">
            <div class="w4-xtzgDe-line"></div>
            <div class="pro-detail-mulu"><span class="pro-detail-round"></span>项目亮点</div>
            <div class="pro-detail-text" ng-bind-html="summary.xmld?summary.xmld:'--'"></div>
            <div ng-if="!share" class="text-right copy-info cpys" ng-click="copyInfo('cpys')">
                <img src="img/copy_info.png" width="14px" height="14px"/>
                复制项目亮点
            </div>
        </div>

        <div ng-if="summary.mjzh">
            <div class="w4-xtzgDe-line"></div>
            <div class="pro-detail-mulu"><span class="pro-detail-round"></span>募集账号</div>
            <div class="pro-detail-text" ng-bind-html="summary.mjzh?summary.mjzh:'--'"></div>
            <div ng-if="!share" class="text-right copy-info mjzh" ng-click="copyInfo('mjzh')">
                <img src="img/copy_info.png" width="14px" height="14px"/>
                复制募集账号
            </div>
        </div>

        <div ng-if="item.peRevenueSharing">
            <div class="w4-xtzgDe-line"></div>
            <div class="pro-detail-mulu"><span class="pro-detail-round"></span>收益分成</div>
            <div class="pro-detail-text">{{item.peRevenueSharing?item.peRevenueSharing:'--'}}</div>
        </div>

        <div ng-if="summary.fxkz">
            <div class="w4-xtzgDe-line"></div>
            <div class="pro-detail-mulu"><span class="pro-detail-round"></span>风险控制</div>
            <div class="pro-detail-text" ng-bind-html="summary.fxkz?summary.fxkz:'--'"></div>
            <div ng-if="!share"  class="text-right copy-info fxkz" ng-click="copyInfo('fxkz')">
                <img src="img/copy_info.png" width="14px" height="14px"/>
                复制风险控制
            </div>
        </div>
        <div ng-if="summary.zjyt">
            <div class="w4-xtzgDe-line"></div>
            <div class="pro-detail-mulu"><span class="pro-detail-round"></span>资金用途</div>
            <div class="pro-detail-text" ng-bind-html="summary.zjyt?summary.zjyt:'--'"></div>
        </div>
        <div ng-if="summary.gltd">
            <div class="w4-xtzgDe-line"></div>
            <div class="pro-detail-mulu"><span class="pro-detail-round"></span>管理团队</div>
            <div class="pro-detail-text" ng-bind-html="summary.gltd?summary.gltd:'--'"></div>
        </div>
        <div ng-if="summary.tzcl">
            <div class="w4-xtzgDe-line"></div>
            <div class="pro-detail-mulu"><span class="pro-detail-round"></span>投资策略</div>
            <div class="pro-detail-text" ng-bind-html="summary.tzcl?summary.tzcl:'--'"></div>
         </div>
        <div ng-if="summary.qt">
            <div class="w4-xtzgDe-line"></div>
            <div class="pro-detail-mulu"><span class="pro-detail-round"></span>其他</div>
            <div class="pro-detail-text" ng-bind-html="summary.qt?summary.qt:'--'"></div>
        </div>
        <div>
            <div class="w4-xtzgDe-line"></div>
            <div class="pro-detail-mulu" ng-if="!share"><span class="pro-detail-round"></span>预览资料</div>
            <div ng-if="!share" ng-if="item.productAttachments.length<1" class="pro-detail-text">暂无资料</div>
            <div ng-if="item.productAttachments.length>0&&!share" class="pro-detail-text" ng-repeat="i in item.productAttachments">
                <img width="30px" style="vertical-align: middle" src="img/pdf_icon.jpg"/>
                <a ng-if="ISWEB" href="{{requrl}}{{i.fPath}}"><img src=""/>{{i.fName}}</a>
                <a ng-if="!ISWEB"  ng-click="previewPdf(i.fPath,i.fName, '110510', sharePhone)"><img src=""/>{{i.fName}}</a>
            </div>
        </div>
        <div ng-show="item.sfaVideo && !share" class="w4-xtzgDe-line"></div>
        <div ng-show="item.sfaVideo && !share" class="pro-detail-mulu"><span class="pro-detail-round"></span>路演视频</div>
        <div ng-show="item.sfaVideo && !share">
            <div  id="youkuplayer" style="width:100%;height:200px"></div>
            <div ng-if="item.sfaVideo.isEncryption == 1">
                <div class="item video-pwd" ng-if="user.info.isLogin" >视频播放密码:<span>SFA</span></div>
                <div class="item video-pwd" ng-if="!user.info.isLogin" ng-click="gologin()"><span style="border-bottom: 1px solid #fc353a;margin-right: 5px">登录</span>查看密码</div>
            </div>
            <div ng-if="item.sfaVideo.content">
                <div class="item item-icon-right video-text" ng-init="hideView = false" ng-click="hideView = !hideView">
                    视频简介
                    <i ng-if="!hideView" class="icon ion-ios-arrow-down"></i>
                    <i ng-if="hideView" class="icon ion-ios-arrow-up"></i>
                </div>
                <div class="list video-intro" ng-bind-html="item.sfaVideo.content" ng-class="{hideClass:!hideView,showClass:hideView} " >

                </div>
            </div>
        </div>
        <!--产品推荐-->
        <div class="w4-xtzgDe-line" ng-if="!share"></div>
        <div ng-if="!share" class="pro-detail-mulu prodetail-tuijian-info1"><img width="18px" height="18px" src="img/prodetail-tuijian.png"/>推荐</div>
        <div ng-if="!share" class="pro-detail-text prodetail-tuijian-info2" ng-repeat="i in  recommendProduct" ng-click="toView(i.type,i.code)">
            <div class="row" >
                <div class="col   hide-text w4-prolist-list-1" style="padding: 11px 0 11px 30px;border: none">
                    <!--<img ng-if="i.saleStatus == 02" class="w4-hot-list-statusimg" src="img/status_yuren.png" width="44px" height="44px">-->
                    <!--<img ng-if="i.saleStatus == 03" class="w4-hot-list-statusimg" src="img/status_mujizhong.png" width="44px" height="44px">-->
                    <!--<img ng-if="i.saleStatus == 04" class="w4-hot-list-statusimg" src="img/status_muman.png" width="44px" height="44px">-->
                    <!--<img ng-if="i.saleStatus == 05" class="w4-hot-list-statusimg" src="img/status_jieshu.png" width="44px" height="44px">-->
                    {{i.name}}
                </div>
                <div style="line-height: 36px" class="col col-25 w4-xtzgDe-cen1-c" ng-click="addContrast($event,i.code,i.name)">
                    +加入对比
                </div>
            </div>
            <div class="row text-center" style="margin: 0">
                <div class="col">
                    <div class="color-3b3b3b" style="font-size: 14px">{{i.minimumAmount | abbrMoney}}</div>
                    <div style="font-size: 12px">起购金额</div>
                </div>
                <div class="col">
                    <div class="color-3b3b3b" style="font-size: 14px">{{i.dueTime}}个月</div>
                    <div style="font-size: 12px">投资期限</div>
                </div>
                <div class="col ">
                    <div class="color-3b3b3b " style="font-size: 14px">{{i.profitHight.expectAnnualRevenue}}</div>
                    <div style="font-size: 12px">预期收益</div>
                </div>
            </div>
        </div>

        <div class="w4-xtzgDe-line" ng-if="!share" ></div>
        <div class="myself-head client-header" ng-if="share&&sharePhone" style="height: auto;padding-top: 0;border-bottom: none">
            <div style="border-bottom: 1px #f0eff5 solid;line-height: 39px;padding-left: 15px">理财师</div>
            <div class="row" style="padding: 15px">
                <div style="width: 60px">
                    <div class="myself-photo" style="margin: 0 auto">
                        <img ng-if="sharePhoneInfo.uImage.indexOf('wx.qlogo')>-1" ng-src="{{shopperUserInfoDto.userHeadImg}}" alt="头像">
                        <img ng-if="sharePhoneInfo.uImage.indexOf('wx.qlogo')<0" ng-src="{{shopperUserInfoDto.userHeadImg}}" alt="头像">
                    </div>
                </div>
                <div class="col col-80">
                    <div class="list">
                        <div class="ng-binding">{{shopperUserInfoDto.userName}}&nbsp;<span>{{shopperUserInfoDto.companyPostion}}</span></div>
                        <div style="color: #999">{{shopperUserInfoDto.companyName}}</div>
                    </div>
                </div>
            </div>
        </div>

        <!--<div class="pro-detail-zhu">注：产品成立后，佣金由产品方直接进行支付。具体以产品方通知为准</div>-->
    </ion-content>

    <div ng-if="!share" class="w4-xtzgDe-bottom row row-no-padding bg-fff">
        <div class="col w4-xtzgDe-icon">
            <a ng-click="bodaPhone()" style="color: #636363">
                <img width="25px" src="img/phone.png">咨询
            </a>
        </div>
        <div   class="col w4-xtzgDe-icon" ng-click="star()" style="padding-top: 9px">
            <img style="margin-right: -4px" width="25px" ng-if="item.starId" src="img/pro_star.png"/>
            <img style="margin-right: -4px" width="25px" ng-if="!item.starId" src="img/pro_star_no.png"/>
            {{item.starId?'取消':'收藏'}}
        </div>

        <div class="col" ng-click="goOrder(item.productId)" ng-if="item.saleStatus == 01 || item.saleStatus == 02 || item.saleStatus == 03">
            <div class="w4-xtzgDe-order">立即预约</div>
        </div>
        <div class="col" ng-if="item.saleStatus == 04">
            <div class="w4-xtzgDe-order w4-over">已募满</div>
        </div>
        <div class="col" ng-if="item.saleStatus == 05">
            <div class="w4-xtzgDe-order w4-over">募集结束</div>
        </div>
    </div>





    <div ng-if="share&&sharePhone" class="w4-xtzgDe-bottom row row-no-padding bg-fff">

        <div class="col w4-xtzgDe-icon" style="padding-top: 12px" ui-sref="shopPreview({sphone:sharePhone, share: true})">
            <img width="18px" src="img/shops/shop.png"/>店铺首页
        </div>
        <div class="col w4-xtzgDe-icon" style="padding-top: 12px" ui-sref="shopChat({tid:sharePhoneInfo.id,ismaster:false,proid:proid,protype:item.productType,prosource:'platform',sphone:sharePhone})">

            <img width="20px" src="img/prozx.png">咨询

        </div>
        <div class="col" ng-if="productState == '2'">
            <div class="w4-xtzgDe-order w4-over">已下架</div>
        </div>
        <div class="col" ng-click="goClientOrder(item.productId,item.productType,item.productShortName,sharePhone)" ng-if="(item.saleStatus == 01 || item.saleStatus == 02 || item.saleStatus == 03) && productState == '1'">
            <div class="w4-xtzgDe-order">预约</div>
        </div>
        <div class="col" ng-if="item.saleStatus == 04 && productState == '1'">
            <div class="w4-xtzgDe-order w4-over">已募满</div>
        </div>
        <div class="col" ng-if="item.saleStatus == 05 && productState == '1'">
            <div class="w4-xtzgDe-order w4-over">募集结束</div>
        </div>
    </div>

</ion-view>